.edit-in-place span {
  white-space: pre-line;

  p {
    margin-bottom: 0;
  }
}

.edit-in-place span.editable {
  cursor: pointer;
}

.edit-in-place span.editable:hover {
  background: @redash-yellow;
  border-radius: @redash-radius;
}

.edit-in-place.active input,
.edit-in-place.active textarea {
  display: inline-block;
}

.edit-in-place {
  display: inline-block;
}

.edit-in-place {
  .rd-form-control {
    padding: 0px 6px;
    width: 30vw;
  }

  &.active {
    textarea.rd-form-control {
      height: 29px;
      width: 40vw;
    }
  }
}


@media (max-width: 880px) {
  .edit-in-place {
    .rd-form-control {
      width: 50vw;
    }

    &.active {
      textarea.rd-form-control {
        width: 50vw;
      }
    }
  }
}
